import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'

Vue.use(Router)

export default new Router({
    routes: [{
            path: '/',
            name: 'home',
            component: Home
        },
        {
            path: '/about',
            name: 'about',
            // route level code-splitting
            // this generates a separate chunk (about.[hash].js) for this route
            // which is lazy-loaded when the route is visited.
            component: () => import( /* webpackChunkName: "about" */ './views/About.vue')
        },
        // {
        //     path: '/tay',
        //     name: 'tay',
        //     component: () => import('./tay/tay-index.vue')
        // },
        {
            path: '/tay-index',
            name: 'tay',
            component: () => import('./tay/tay-index.vue')
        },
        {
            path: '/axios-get',
            name: 'axios-get',
            component: () => import('./tay/axios-get.vue')
        },
        {
            path: '/axios-post',
            name: 'axios-post',
            component: () => import('./tay/axios-post.vue')
        },
        {
            path: '/axios-post2',
            name: 'axios-post2',
            component: () => import('./tay/axios-post2.vue')
        }
    ]
})
